<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/util/utils.css" />
	</head>
	<body>
		<div id="testc" style="width: 214px; height: 180px; font-size: 12px;"></div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/plugin/echarts.js"></script>
	<script>
		var $chart = echarts.init(document.getElementById('testc'));
		var $option =  {
            radar : [{
            		indicator: [
		                { text: '快乐', max: 150 },
		                { text: '自信', max: 170 },
		                { text: '动力', max: 200 },
		                { text: '尊重', max: 120 },
		                { text: '合力', max: 120 }
		                //{ text: '化学', max: 108 },
		                //{ text: '生物', max: 72 }
		            ],
		            nameGap : 6,
		            //radius: 70,
		            //startAngle: 90, 
		            splitNumber: 6,
		            //shape: 'polygon',
		            splitArea: {
		                areaStyle: {
		                    color: ['#FF4541',
		                    '#FF635F', '#FF9752',
		                    '#FFBE93','#BFF895',
		                    '#ABF477'],
		                    shadowColor: 'rgba(255, 255, 255, 1)',
		                    shadowBlur: 10
		                }
		            }
		            /*axisLine: {
		                lineStyle: {
		                    color: 'rgba(255, 255, 255, 0.5)'
		                }
		            },
		            splitLine: {
		                lineStyle: {
		                    color: 'rgba(255, 255, 255, 0.5)'
		                }
		            }*/
            	}
            ],
            textStyle: {
	            fontSize: 9,
	            color : "#909090"
	        },
            series : [{
	            type: 'radar',
	            radarIndex: 0,
	            textStyle: {
		            fontSize: 5,
		            color: "#FFFFFF"
		        },
	            data: [{
                    value: [120, 118, 130, 74, 66],
                    name: '3',
                    label: {
                        normal: {
                            show: true,
                            formatter:function(params) {
                                return params.value;
                            }
                        }
                    },
                    lineStyle: {
                        normal: {
                            opacity: 1,
                            color: "#FFFFFF"
                        }
                    },
                    itemStyle : {
                        normal: {
                            opacity: 0.4,
                            color: "#FFFFFF",
                            fontSize: 7
                        }
                    }
                }]
	            
            }]
       };
       
       $chart.setOption($option);
	</script>
</html>
